<template>
    <div class="div_class">
        <div class="div_inline"></div>
        <div class="footer">
            <el-input placeholder="请输入内容"/>
            <el-button type="primary" icon="el-icon-chat-round" @click="open2">发送</el-button>
        </div>

    </div>
</template>
<script>
    export default {
        methods: {
            open2() {
                this.$message({
                    message: '恭喜你，这是一条成功消息',
                    type: 'success'
                });
            },
        }
    }
</script>

<style scoped>
    .div_class {
        align-content: center;
        margin-left: 40%;
        height: 800px;
        width: 400px;
        background-color: wheat;
        overflow-y: hidden;
        border: 5px solid #000;

    }

    .footer {
        margin-top: 740px;
        display: flex;
        align-items: flex-end;
    }

    .el-input {
        /*display: flex;*/
        /*align-items:flex-end;*/
        /*display:table-cell;*/
        /*vertical-align:bottom;*/
        /*margin-bottom: 0%;*/
    }

    .div_inline {
        width: 400px;
        height: 20px;
        background-color: rebeccapurple;
    }

    .el-button {
    }
</style>
